<template>
	<view class="badge-page">
		<view class="item">
			<badge dot>
				<view class="badge-demo"></view>
			</badge>
		</view>
		<view class="item">
			<badge count="3">
				<image mode="aspectFill" src="/static/temp/shuipi@2x.png" class="badge-demo"></image>
			</badge>
		</view>
		<view class="item">
			<badge count="999+">
				<view class="badge-demo"></view>
			</badge>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.badge-page{
	border-top: $border-color solid 1upx;
	padding: 40upx;
	.item{
		margin-bottom: 30upx;
	}
}
.badge-demo{
	width: 100upx;
	height: 100upx;
	border-radius: 10upx;
	background-color: #f5f5f5;
}
</style>
